<template>
  <div class="app-container">
    <Layout>
      <template #left>
        <div class="left">
          <SiteAside/>
        </div>
      </template>
      <template>
        <router-view/>
      </template>
    </Layout>
  </div>
</template>

<script>


import Layout from "@/components/Layout";
import SiteAside from "@/components/SiteAside";

export default {
  name: 'App',
  components: {
    SiteAside,
    Layout
  },

}
</script>

<style scoped lang="less">
@import "~@/styles/mixin.less";
.app-container{
  .self-fill(fixed);
  .left{
    width: 250px;
    height: 100%;
  }
}
</style>
